

.gitter-logo-holder {
  position: relative;
  display: inline-block;
  vertical-align: middle;

  /* weird bar equality width issue as you resize the window with just em */
  width: 1.0625em;

  &:after {
    content: '';

    display: block;
    width: 100%;

    padding-bottom: 141.176%;
  }

}

.logo-left-arm,
.logo-body-left,
.logo-body-right,
.logo-right-arm {
  position: absolute;
  width: 11.7647%;
  width: 2px;

  background-color: currentColor;
}

.logo-left-arm {
  height: 62.5%;
}

.logo-body-right,
.logo-body-left {
  top: 16.6667%;
  top: 4px;

  height: 83.3334%;
}
.logo-body-left {
  left: 29.41176%;
  left: 5px;
}
.logo-body-right {
  left: 58.8235%;
  left: 10px;
}

.logo-right-arm {
  top: 16.6667%;
  top: 4px;
  left: 88.23529%;
  left: 15px;

  height: 45.833%;
}
